<template>
	<view class="container">
		<u-navbar></u-navbar>
		<view class="empty" v-if="atteResult=='success'">
			<image src="/static/attesuccess.png" mode=""></image>
			<text class="atteresult">恭喜您，审核通过！</text>
		</view>
		<view class="empty" v-else-if="atteResult=='await'">
			<image src="/static/awitatte.png" mode=""></image>
			<text class="atteresult">等待审核...</text>
			<text class="prompttext">请耐心等待，管理员会在24小时内处理</text>
		</view>
		<view class="empty" v-else-if="atteResult=='fail'">
			<image src="/static/attefail.png" mode="" class="other"></image>
			<text class="atteresult">审核失败</text>
            <view>
				<text>重新上传</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				//await等待审核 success审核成功 fail审核失败
				atteResult:'success'
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
     page{
		 width: 100%;
		 height: 100%;
	 }
	 .container{
		 width: 100%;
		 height: 100%;
		 .empty{
			 margin: auto;
			 height: auto;
			 margin-top:150rpx;
			 display: flex;
			 justify-content: center;
			 flex-wrap: wrap; 
			 image{width:180rpx;height: 180rpx;}
			 .other{height: 150rpx !important;}
			 .atteresult{display: block;width: 100%;text-align: center;font-size: 35rpx;margin-top: 50rpx;}
			 .prompttext{font-size: 28rpx;color: #888;;margin-top: 30rpx;}
			 view{
				 width: 350rpx;
				 height: 80rpx;
				 box-sizing: border-box;
				 border: 1rpx solid #F1F1F1;
				 border-radius: 50rpx;
				 margin-top: 50rpx;
				 font-size: 30rpx;
				 display: flex;
				 justify-content: center;
				 align-items: center;
			}
		 }
	 }
</style>
